.container{
	.bg{
		
		  height: 400rpx;
		background-image: url("/static/icon/index_bg.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
	}
	.content{
		margin:-150rpx 20rpx;
		.settle-type{
			background-image: url("/static/icon/settle_bg.png");
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 170rpx;
		
			border-radius:4rpx solid white;
			padding: 0 20rpx;
			border-radius: 10rpx;
			display: flex;
		
			align-items: center;
			.img image{
				width: 60rpx;
			}
			.left{
				flex: 1;
				margin-left: 20rpx;
				.name{
					font-weight: bold;
				}
				.desc{
					color: #9A9A9A;
					margin-top: 5rpx;
					font-size: 24rpx;
				}
			}
			
		}
		.tip{
			background-color: #FEF2F2;
			color: #FF5959;
			margin-top: 30rpx;
			
			border: 4rpx solid white;
			border-radius: 10rpx;
			padding: 20rpx 20rpx;
		}
		.notice{
			background-color: white;
			border-radius: 10rpx;
			margin-top: 30rpx;
			padding: 30rpx 20rpx;
			image{
				width: 40rpx;
				height: 40rpx;
				margin-right: 15rpx;
			}
			.title{
				font-weight: bold;
				margin-bottom: 20rpx ;
			}
			.list{
				display: flex;
				align-items: center;
				padding: 20rpx 0;
			}
			.border-bottom{
				border-bottom: 1rpx solid #E4E5E5;
				
			}
		}
	}
	.bottom{
		position: fixed;
		bottom:100rpx;
		left: 0;
		right:0;
		image{
			height: 60rpx;
		}
		.change{
			margin:0 20rpx 100rpx 20rpx;
			button{
				background-color: #3374EF;
				color: white;
			}
		}
		.logo{
			text-align: center;
		}
	}

}